<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta charset="UTF-8">
<title>Login</title>

<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="../css/teacher_style.css">
<link rel="stylesheet"
	href="http://fonts.googleapis.com/css?family=Merriweather" />
<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
</head>
<body class="nobg">
	<div class="container-white">
		<div class="login-container">
			<form action="../teacher" class="login-form" method="post">
				<h1 class="header">Sign in</h1>
				<div class="info">Enter the email address some info here.</div>
				<div class="error-login">Sorry, your username and password do
					not match.</div>
				<div class="login-items">
					<div class="form-item">
						<label for="email">Email or ID:</label> <input type="text"
							name="emailorid" id="email" class="input" />
						<div class="clear"></div>
					</div>
					<div class="form-item">
						<label for="password">Password:</label> <input type="password"
							name="password" id="password" class="input" />
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="login-options">
					<button class="btn-green" type="submit">
						<span> Sign in </span>
					</button>
					<span style="margin-left: 10px;"> <a
						href="../teacher/forgot">Forgot your password?</a> </span>
				</div>
			</form>
		</div>
	</div>
	<!-- container end-->
	<div id="footer"></div>
</body>
</html>